<template>
	<div>
		<div class="container-fuild" id="header">
			<div class="row">
				<div class="col-sm-4" id="logo">
					<a href="##"><img src="images/2021-logo.png" alt=""></a>
				</div>
				<div class="col-sm-4 d-none d-md-block">
					<div id="center">
						<router-link to="/MyShop">
							<div>
								<span>News</span><br>
								商品展示
							</div>
						</router-link>
						<router-link to="/Email">
							<div>
								<span>Products</span><br>
								创作信箱
							</div>
						</router-link>
						<router-link to="/Member">
							<div>
								<span>Member</span> <br>
								购买记录
							</div>
						</router-link>
						<router-link to="/NewMsg">
							<div>
								<span>About us</span> <br>
								关于我们
							</div>
						</router-link>
						<router-link to="/Login">
							<div>
								<span>Login</span> <br>
								添加商品
							</div>
						</router-link>
					</div>
				</div>
				<div class="col-sm-4 d-none d-md-block" id="icon">
					<a href=""><img src="images/fb_icon.svg" alt=""></a>
					<a href=""><img src="images/ig_icon.svg" alt=""></a>
					<a href="">En</a><a href="">繁</a><a href="">简</a>
				</div>
			</div>

		</div>
		<div id="neirong">
			<keep-alive include="Member,MyShop">
				<router-view></router-view>
			</keep-alive>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Heate'
	}
</script>

<style>
	#neirong {
		width: 100%;
		height: auto;
	}
</style>
